<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MobiBusBR</title>
	<meta name="keywords" content="Projeto MobiBusBR" />
	<meta name="description" content="Projeto MobiBusBR" />

	<h:outputStylesheet library="css" name="style.css" />

	<h:outputScript library="js" name="jquery.min.js" />
	<h:outputScript library="js" name="jquery.scrollTo-min.js" />
	<h:outputScript library="js" name="jquery.localscroll-min.js" />
	<h:outputScript library="js" name="init.js" />

	<h:outputStylesheet library="css" name="slimbox2.css" media="screen" />

	<h:outputScript library="js" name="slimbox2.js" />


</h:head>

<body>
	<div id="logo">
		<div id="site_title">
			<h1>
				<a href="" title="MobiBusBR - Linhas e Intinerarios">MobiBusBR</a>
			</h1>
		</div>
	</div>
	<div id="main">
		<div id="content">
			<div id="home" class="section">

				<div id="home_about" class="box">
					<h2>Bem Vindo</h2>
					<p>MobiBusBR.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Phasellus felis leo, feugiat sed porttitor sagittis, facilisis sit
						amet lectus. Aenean elementum tellus auctor dolor auctor luctus.
						Vivamus eu orci purus, ut vulputate nisl.</p>
					<p>Praesent imperdiet mauris et lorem malesuada consequat.
						Proin nisl metus, faucibus vitae malesuada non, interdum sed
						felis. Sed ut turpis feugiat lorem faucibus dignissim. Donec magna
						tellus, feugiat vel fermentum eget, fringilla at metus.</p>
				</div>

				<div id="home_gallery" class="box no_mr">

					<a href="resources/images/gallery/01-l.jpg" rel="lightbox[gallery]">
					    <h:graphicImage library="images" name="gallery/01.jpg" alt="image 1" /></a>
					<a href="resources/images/gallery/02-l.jpg" rel="lightbox[gallery]">
					    <h:graphicImage library="images" name="gallery/02.jpg" alt="image 2" /></a>
					<a href="resources/images/gallery/03-l.jpg" rel="lightbox[gallery]" class="no_mr">
					    <h:graphicImage library="images" name="gallery/03.jpg" alt="image 3" /></a>
				    <a href="resources/images/gallery/04-l.jpg" rel="lightbox[gallery]">
				    	<h:graphicImage	library="images" name="gallery/04.jpg" alt="image 4" /></a>
				    <a href="resources/images/gallery/05-l.jpg" rel="lightbox[gallery]">
				        <h:graphicImage	library="images" name="gallery/05.jpg" alt="image 5" /></a>
				    <a href="resources/images/gallery/06-l.jpg" rel="lightbox[gallery]" class="no_mr">
				        <h:graphicImage library="images" name="gallery/06.jpg" alt="image 6" /></a>
				        
				</div>

				<div class="box home_box1 color1">
					<a href="#cadastro"><h:graphicImage library="images" name="cadastro.jpg" alt="Cadastro" /></a>
				</div>

				<div class="box home_box1 color2">
					<a href="#testimonial"><h:graphicImage library="images"	name="testimonial.jpg" alt="Testimonial" /></a>
				</div>

				<div class="box home_box2 color3">
					<div id="social_links">

						<h:graphicImage library="images" name="facebook.png" alt="Facebook" />
						<a href="https://www.facebook.com/">
						      <h:graphicImage library="images" name="facebook.png" alt="Facebook" /></a>
						<a href="#">
						      <h:graphicImage library="images" name="flickr.png" alt="Flick" /></a>
					    <a href="https://www.facebook.com/">
					          <h:graphicImage library="images" name="twitter.png" alt="Twitter" /></a>
					    <a href="#">
					          <h:graphicImage library="images" name="youtube.png" alt="Youtube" /></a>
					    <a href="https://www.facebook.com/">
					          <h:graphicImage library="images" name="vimeo.png" alt="Vimeo" /></a>

						<div class="clear h20"></div>
						<h3>Social</h3>
					</div>
				</div>

				<div class="box home_box1 color4 no_mr">
					<a href="#contato"> 
					    <h:graphicImage library="images" name="contato.jpg" alt="Contato" /></a>
				</div>

			</div>
			<!-- END of home -->

			<div class="section section_with_padding" id="cadastro">
				<h2>Cadastro</h2>
				<div class="img_border img_fl">
					<h:graphicImage library="images" name="image_03.jpg" alt="image" />
				</div>
				<div class="half right">
					<ul class="list_bullet">
						<li>Maecenas ac odio ipsum donec cursus</li>
						<li>Fusce risus tortor, interdum</li>
						<li>Proin facilisis ullamcorper</li>
						<li>Sed vel justo quis ligula</li>
						<li>Ut tristique sagittis arcu</li>
						<li>Maecenas ac odio ipsum donec cursus</li>
						<li>Fusce risus tortor, interdum</li>
					</ul>
				</div>
				<div class="clear h40"></div>
				<div class="img_border img_fr">
					<h:graphicImage library="images" name="image_04.jpg" alt="image" />
				</div>
				<div class="half left">
					<p>
						<em>Class aptent taciti sociosqu ad litora torquent per
							conubia nostra, per inceptos himenaeos. Nam mauris ipsum,
							pulvinar sit amet varius at, placerat ut felis.</em>
					</p>
					<p>Donec vitae tortor non ipsum tristique condimentum ac ac
						nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus,
						risus at consequat malesuada, urna turpis sagittis libero, sodales
						hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia
						pulvinar, mi ligula tempor libero, et semper sem dolor et elit.</p>
				</div>

				<a href="#home" class="slider_nav_btn home_btn">home</a> <a
					href="#home" class="slider_nav_btn previous_btn">Previous</a> <a
					href="#testimonial" class="slider_nav_btn next_btn">Next</a>

			</div>
			<div class="section section_with_padding" id="testimonial">
				<h2>Testimonial</h2>
				<p>
					<em>Aliquam venenatis, quam a semper blandit, lectus mi
						convallis orci, ut dictum ante leo non leo. Lorem ipsum dolor sit
						amet, consectetur adipiscing elit. Mauris placerat, urna in
						gravida rhoncus, mi elit luctus nibh, a luctus erat elit vel quam.
					</em>
				</p>
				<div class="clear h40"></div>
				<div class="half left">
					<div class="img_border img_fl">
						<h:graphicImage library="images" name="image_01.jpg" alt="image 1" />
					</div>
					<p>Fusce nec felis id lacus sollicitudin vulputate. Proin
						tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet
						ligula.</p>
					<cite>Walker - <span>.com</span></cite>
				</div>
				<div class="half right">
					<div class="img_border img_fl">
						<h:graphicImage library="images" name="image_01.jpg" alt="image 2" />
					</div>
					<p>Fusce nec felis id lacus sollicitudin vulputate. Proin
						tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet
						ligula.</p>
					<cite>Jason - <span>.com</span></cite>
				</div>
				<div class="clear h40"></div>
				<div class="half left">
					<div class="img_border img_fl">
						<h:graphicImage library="images" name="image_01.jpg" alt="image 3" />
					</div>
					<p>Fusce nec felis id lacus sollicitudin vulputate. Proin
						tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet
						ligula.</p>
					<cite>Danny - <span>FlashMo.com</span></cite>
				</div>
				<div class="half right">
					<div class="img_border img_fl">
						<h:graphicImage library="images" name="image_01.jpg" alt="image 4" />
					</div>
					<p>Fusce nec felis id lacus sollicitudin vulputate. Proin
						tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet
						ligula.</p>
					<cite>Katey - <span>KoFlash.com</span></cite>
				</div>

				<a href="#home" class="slider_nav_btn home_btn">home</a>
				<a href="#cadastro" class="slider_nav_btn previous_btn">Previous</a>
				<a href="#contato" class="slider_nav_btn next_btn">Next</a>
			</div>
			<div class="section section_with_padding" id="contato">
				<h2>Contact</h2>
				<div class="half left">
					<h4>Quick Contact Form</h4>
					<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla
						nulla, eu volutpat euismod, scelerisque ut dui.</p>
					<div id="contact_form">
						<form method="post" name="contact" action="#contact">
							<div class="left">
								<label for="author">Name:</label> <input name="author" type="text" class="input_field" id="author" maxlength="40" />
							</div>
							<div class="right">
								<label for="email">Email:</label> <input name="email" type="text" class="input_field" id="email" maxlength="40" />
							</div>
							<div class="clear"></div>
								<label for="text">Message:</label>
							<textarea id="text" name="text" rows="0" cols="0"></textarea>
								<input type="submit" class="submit_btn float_l" name="submit" id="submit" value="Send" />
						</form>
					</div>
				</div>

				<div class="half right">
					<h4>Mailing Address</h4>
					460-820 Duis lacinia dictum, <br /> Vestibulum auctor, 12650<br />
					Nam rhoncus, diam a mollis<br /> <strong>Email: info[ at ]companyname[ dot ]com</strong><br />

					<div class="clear h20"></div>
					<div class="img_nom img_border">
						<span></span>

						<iframe width="320" height="240" frameborder="0" scrolling="no"	marginheight="0" marginwidth="0"
							src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Central+Park,+New+York,+NY,+USA&amp;aq=0&amp;sll=14.093957,1.318359&amp;sspn=69.699334,135.263672&amp;vpsrc=6&amp;ie=UTF8&amp;hq=Central+Park,+New+York,+NY,+USA&amp;ll=40.778265,-73.96988&amp;spn=0.033797,0.06403&amp;t=m&amp;output=embed"></iframe>

					</div>
					<a href="#home" class="slider_nav_btn home_btn">home</a> <a	href="#testimonial" class="slider_nav_btn previous_btn">Previous</a>

				</div>
			</div>
		</div>
	</div>
	<div id="_footer">
		<a class="footer_icon" href="" title="" rel="nofollow" target="_blank">
		    <h:graphicImage	library="images" name="footer_icon.png" alt="pt.forwallpaper.com" title="pt.forwallpaper.com" /></a>Copyright © 2013
		     <a href="#">MobiBusBR</a> | Desenvolvido por <a href="#" target="parent">JavaDroid</a>
	</div>

</body>
</html>